<!DOCTYPE html>
<html lang="en">
    <head>
        <!-- Basic -->
        <meta charset="utf-8">
        <title>SportsCup - Responsive, Bootstrap 3, HTML5 Soccer And Sports Template</title>
        <meta name="keywords" content="HTML5 Template" />
        <meta name="description" content="World Cup - Responsive HTML5 Template soccer and sports">
        <meta name="author" content="iwthemes.com">  

        <!-- Mobile Metas -->
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- Theme CSS -->
        <link href="css/style.css" rel="stylesheet" media="screen">
        <!-- Responsive CSS -->
        <link href="css/theme-responsive.css" rel="stylesheet" media="screen">
        <!-- Skins Theme -->
        <link href="#" rel="stylesheet" media="screen" class="skin">

        <!-- Favicons -->
        <link rel="shortcut icon" href="img/icons/favicon.ico">
        <link rel="apple-touch-icon" href="img/icons/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/icons/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/icons/apple-touch-icon-114x114.png">  

        <!-- Head Libs -->
        <script src="js/modernizr.js"></script>

        <!--[if IE]>
            <link rel="stylesheet" href="css/ie/ie.css">
        <![endif]-->

        <!--[if lte IE 8]>
            <script src="js/responsive/html5shiv.js"></script>
            <script src="js/responsive/respond.js"></script>
        <![endif]-->

        <!-- Skins Changer-->
        <script type="text/javascript" src="http://www.google.com/jsapi"></script>
    </head>

    <body>
        <!-- Theme-options -->
        <div id="theme-options">
            <div class="openclose"></div>
            <div class="title">
               <span>THEME OPTIONS</span>
               <p>Choose a combination of predefined colors here. Here are some examples. You can create any additional number on your backend theme, also can choose the background you want and four differents layouts.</p>
            </div>
            <span>SKINS</span>
            <ul id="colorchanger">      
                <li><a class="colorbox red" href="sports0e99.html?theme=red" title="Red Skin"></a></li>
                <li><a class="colorbox blue" href="sportsca00.html?theme=blue" title="Blue Skin"></a></li>                    
                <li><a class="colorbox yellow" href="sports2746.html?theme=yellow" title="Yellow Skin"></a></li>
                <li><a class="colorbox green" href="sportsaf91.html?theme=green" title="Green Skin"></a></li>
                <li><a class="colorbox orange" href="sportsceb0.html?theme=orange" title="Orange Skin"></a></li>
                <li><a class="colorbox purple" href="sports938c.html?theme=purple" title="Purple Skin"></a></li>
                <li><a class="colorbox pink" href="sportsa820.html?theme=pink" title="Pink Skin"></a></li>
                <li><a class="colorbox cocoa" href="sports6788.html?theme=cocoa" title="Cocoa Skin"></a></li>
            </ul>
            <span>LAYOUT STYLE</span>
            <ul class="layout-style">      
                <li class="wide">Wide</li>
                <li class="semiboxed active">Semiboxed</li> 
                <li class="boxed">Boxed</li> 
                <li class="boxed-margin">Boxed Margin</li>               
            </ul>               
            <div class="patterns">
                <span>BACKGROUND PATTERNS</span>
                <ul class="backgrounds">
                    <li class="bgnone" title="None - Default"></li>
                    <li class="bg1"></li>
                    <li class="bg2"></li>
                    <li class="bg3"></li>
                    <li class="bg4 "></li>
                    <li class="bg5"></li> 
                    <li class="bg6"></li>
                    <li class="bg7"></li>
                    <li class="bg8"></li>
                    <li class="bg9 "></li>
                    <li class="bg10"></li> 
                    <li class="bg11"></li> 
                    <li class="bg12"></li> 
                    <li class="bg13"></li> 
                    <li class="bg14"></li> 
                    <li class="bg15"></li> 
                    <li class="bg16"></li> 
                    <li class="bg17"></li> 
                    <li class="bg18"></li> 
                    <li class="bg19"></li> 
                    <li class="bg20"></li> 
                    <li class="bg21"></li> 
                    <li class="bg22"></li> 
                    <li class="bg23"></li> 
                    <li class="bg24"></li> 
                    <li class="bg25"></li> 
                    <li class="bg26"></li>                   
                </ul>  
            </div>
        </div>
        <!-- End Theme-options -->      

        <!-- layout-->
        <div id="layout">
            <!-- Header-->
            <header>
                <!-- End headerbox-->
                <div class="headerbox">
                    <div class="container">
                        <div class="row">
                            <!-- Logo-->
                            <div class="col-md-3 logo">
                                <a href="index-2.html" title="Return Home">                            
                                    <img src="img/logo.png" alt="Logo" class="logo_img">
                                </a>
                            </div>
                            <!-- End Logo-->

                            <!-- Adds Header-->
                            <div class="col-md-9 adds">
                                <a href="http://themeforest.net/user/iwthemes/portfolio?ref=iwthemes" target="_blank">
                                    <img src="img/adds/banner.jpg" alt="" class="img-responsive">
                                </a>
                            </div>
                            <!-- End Adds Header-->
                        </div>
                    </div>
                </div>
                <!-- End headerbox-->  

                <!-- mainmenu-->
                <nav class="mainmenu">
                    <div class="container">
                        <!-- Menu-->
                        <ul class="sf-menu" id="menu">
                            <li class="selected">
                                <a href="index-2.html">Home</a>
                            </li>                                
                            <li class="current">
                                <a href="about.html">About</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="about.html">About Us</a>
                                    </li>
                                    <li>
                                        <a href="events.html">Events</a>
                                    </li>
                                    <li>
                                        <a href="club-teams.html">Club Teams</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="sports.html">Sports</a>
                                <div class="sf-mega">
                                    <div class="col-md-3">
                                        <h4>Sports Navigation</h4>
                                        <ul>                                                
                                            <li><a href="sports.html">Football Soccer</a></li>
                                            <li><a href="sports.html">Motocross</a></li>
                                            <li><a href="sports.html">Bmx</a></li>
                                            <li><a href="sports.html">Skater</a></li>
                                        </ul>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Club Teams</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/1.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Players And Staff</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/2.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>

                                    <div class="col-md-3">
                                      <h4>Locations</h4>
                                      <div class="img-hover">
                                         <img src="img/blog/3.jpg" alt="" class="img-responsive">
                                         <div class="overlay"><a href="sports.html">+</a></div>
                                      </div>
                                    </div>
                                </div>
                            </li>
                            <li class="current">
                                 <a href="gallery-4-columns.html">Gallery</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="gallery-2-columns.html">Gallery 2 Columns</a>
                                    </li>
                                    <li>
                                        <a href="gallery-3-columns.html">Gallery 3 Columns</a>
                                    </li>
                                    <li>
                                        <a href="gallery-4-columns.html">Gallery 4 Columns</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="current">
                                <a href="#">Features</a>
                                <ul class="sub-current"> 
                                    <li class="current">
                                        <a href="#">Pages</a>
                                        <ul class="sub-current">                            
                                            <li><a href="page-full-width.html">Full Width</a></li>
                                            <li><a href="page-left-sidebar.html">Left Sidebar</a></li>
                                            <li><a href="page-right-sidebar.html">Right Sidebar</a></li>
                                            <li><a href="page-404.html">404 Page</a></li>
                                            <li><a href="page-faq.html">FAQ</a></li>
                                            <li><a href="sitemap.html">Sitemap</a></li>
                                         </ul>
                                    </li> 
                                    <li class="current">
                                        <a href="#">Headers</a>
                                        <ul class="sub-current">
                                            <li><a href="feature-header-1.html">Header Version 1</a></li>
                                            <li><a href="feature-header-2.html">Header Version 2</a></li>
                                            <li><a href="feature-header-3.html">Header Version 3</a></li>
                                        </ul>
                                    </li> 
                                    <li class="current">
                                        <a href="#">Footers</a>
                                        <ul class="sub-current">
                                            <li><a href="feature-footer-1.html#footer">Footer Version 1</a></li>
                                            <li><a href="feature-footer-2.html#footer">Footer Version 2</a></li>
                                            <li><a href="feature-footer-3.html#footer">Footer Version 3</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="feature-grid-system.html">Grind System</a></li>
                                    <li><a href="feature-typograpy.html">Tipograpy</a></li>
                                    <li><a href="feature-icons.html">Icons</a></li>
                                    <li><a href="feature-shortcodes.html">Shortcodes</a></li>
                                    <li class="current">
                                        <a href="#">Third Level</a>
                                        <ul class="sub-current">
                                            <li><a href="#">menu item</a></li>
                                            <li><a href="#">menu item</a></li>
                                            <li><a href="#">menu item</a></li>
                                        </ul>
                                    </li>
                                 </ul>
                            </li> 
                            <li class="current">
                                 <a href="single-news.html">News</a>
                                <ul class="sub-current">
                                    <li>
                                        <a href="news-left-sidebar.html">News Lef Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="news-right-sidebar.html">News Right Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="news-no-sidebar.html">News No Sidebar</a>
                                    </li>
                                    <li>
                                        <a href="single-news.html">Single News</a>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="contact.html">Contact</a>
                            </li> 
                        </ul>
                        <!-- End Menu-->
                    </div>
                </nav>
                <!-- End mainmenu-->
            </header>
            <!-- End Header-->
            
            <!-- Section Title -->           
            <section class="section-title img-sports section-sports">
                <div class="overlay-bg"></div>
                <div class="container">
                    <h1>Sports</h1>
                </div>
            </section>
            <!-- End Section Title --> 

            <!-- Section Area - Content Central -->
            <section class="content-info">

                <div class="semiboxshadow text-center">
                    <img src="img/img-theme/shp.png" class="img-responsive" alt="">
                </div>
                
                <!-- Dark Home -->
                <div class="bg-dark dark-home">
                    <div class="row">
                        <!-- Left Content - Tabs and Carousel -->
                        <div class="col-md-9">
                            <!-- Nav Tabs -->
                            <ul class="nav nav-tabs" id="myTab">
                               <li class="active"><a href="#feature-news" data-toggle="tab">FEATURED EVENTS</a></li>
                               <li><a href="#players-staff" data-toggle="tab">PLAYERS AND STAFF</a></li>
                               <li><a href="#club-news" data-toggle="tab">CLUB TEAMS</a></li>
                            </ul>
                            <!-- End Nav Tabs -->

                            <!-- Content Tabs -->
                            <div class="tab-content">
                                <!-- Tab One - Feature News -->
                                <div class="tab-pane active" id="feature-news">
                                    <!-- blog post-->  
                                    <ul id="events-carousel" class="events-carousel padding-top">
                                        <!-- Item blog post -->  
                                        <li>
                                            <div class="header-post">
                                                <div class="date">
                                                    <span>08/jan</span>
                                                    2014
                                                </div>
                                                <a href="single-news.html"><img src="img/blog/1.jpg" alt=""></a>
                                                <div class="meta-tag">
                                                    <ul>
                                                        <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                        <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                        <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="info-post">
                                                <h4><a href="single-news.html">CTA Placement</a></h4>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                            </div>
                                        </li>
                                        <!-- End Item blog post -->

                                        <!-- Item blog post -->  
                                        <li>
                                            <div class="header-post">
                                                <div class="date">
                                                    <span>08/jan</span>
                                                    2014
                                                </div>
                                                <a href="single-news.html"><img src="img/blog/2.jpg" alt=""></a>
                                                <div class="meta-tag">
                                                    <ul>
                                                        <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                        <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                        <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="info-post">
                                                <h4><a href="single-news.html">Championship Final</a></h4>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                            </div>
                                        </li>
                                        <!-- End Item blog post -->  

                                        <!-- Item blog post -->  
                                        <li>
                                            <div class="header-post">
                                                <div class="date">
                                                    <span>08/jan</span>
                                                    2014
                                                </div>
                                                <a href="single-news.html"><img src="img/blog/3.jpg" alt=""></a>
                                                <div class="meta-tag">
                                                    <ul>
                                                        <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                        <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                        <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="info-post">
                                                <h4><a href="single-news.html">Confidence indicators</a></h4>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                            </div>
                                        </li>
                                        <!-- End Item blog post -->

                                        <!-- Item blog post -->  
                                        <li>
                                            <div class="header-post">
                                                <div class="date">
                                                    <span>08/jan</span>
                                                    2014
                                                </div>
                                                <a href="single-news.html"><img src="img/blog/4.jpg" alt=""></a>
                                                <div class="meta-tag">
                                                    <ul>
                                                        <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                        <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                        <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="info-post">
                                                <h4><a href="single-news.html">Championship Final.</a></h4>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                            </div>
                                        </li>
                                        <!-- End Item blog post -->

                                        <!-- Item blog post -->  
                                        <li>
                                            <div class="header-post">
                                                <div class="date">
                                                    <span>08/jan</span>
                                                    2014
                                                </div>
                                                <a href="single-news.html"><img src="img/blog/2.jpg" alt=""></a>
                                                <div class="meta-tag">
                                                    <ul>
                                                        <li><i class="fa fa-user"></i><a href="#">Admin</a></li>
                                                        <li><i class="fa fa-folder-open"></i><a href="#">Design</a></li>
                                                        <li class="text-right"><i class="fa fa-comment"></i><a href="#">10</a></li>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="info-post">
                                                <h4><a href="single-news.html">Great Prospects.</a></h4>
                                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                                            </div>
                                        </li>
                                        <!-- End Item blog post -->
                                    </ul>
                                    <!-- End blog post-->  
                                </div>
                                <!-- Tab One - Feature News -->

                                <!-- Tab Two - Players Staff -->
                                <div class="tab-pane" id="players-staff">
                                    <h3>Players Staff</h3>
                                    <!-- Item Players-->  
                                    <ul id="players-carousel" class="players ">
                                        <!-- Item Player -->  
                                        <li class="item-player">
                                            <img src="img/players/1.jpg" alt="" class="img-responsive">
                                            <div class="info-player">
                                                <h4><a href="#">Robert</a></h4>
                                                <h5><span>Bmx Sport</span></h5>
                                                <div class="overlay-player">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodn culpa qui officia deserunt mollit anim id est laborum.</p>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- End Player post -->

                                        <!-- Item Player -->  
                                        <li class="item-player">
                                            <img src="img/players/2.jpg" alt="" class="img-responsive">
                                            <div class="info-player">
                                                <h4><a href="#">Robert</a></h4>
                                                <h5><span>Bmx Sport</span></h5>
                                                <div class="overlay-player">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodn culpa qui officia deserunt mollit anim id est laborum.</p>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- End Player post -->

                                        <!-- Item Player -->  
                                        <li class="item-player">
                                            <img src="img/players/3.jpg" alt="" class="img-responsive">
                                            <div class="info-player">
                                                <h4><a href="#">Robert</a></h4>
                                                <h5><span>Bmx Sport</span></h5>
                                                <div class="overlay-player">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodn culpa qui officia deserunt mollit anim id est laborum.</p>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- End Player post -->

                                        <!-- Item Player -->  
                                        <li class="item-player">
                                            <img src="img/players/4.jpg" alt="" class="img-responsive">
                                            <div class="info-player">
                                                <h4><a href="#">Robert</a></h4>
                                                <h5><span>Bmx Sport</span></h5>
                                                <div class="overlay-player">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodn culpa qui officia deserunt mollit anim id est laborum.</p>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- End Player post -->

                                        <!-- Item Player -->  
                                        <li class="item-player">
                                            <img src="img/players/5.jpg" alt="" class="img-responsive">
                                            <div class="info-player">
                                                <h4><a href="#">Robert</a></h4>
                                                <h5><span>Bmx Sport</span></h5>
                                                <div class="overlay-player">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodn culpa qui officia deserunt mollit anim id est laborum.</p>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- End Player post -->

                                        <!-- Item Player -->  
                                        <li class="item-player">
                                            <img src="img/players/6.jpg" alt="" class="img-responsive">
                                            <div class="info-player">
                                                <h4><a href="#">Robert</a></h4>
                                                <h5><span>Bmx Sport</span></h5>
                                                <div class="overlay-player">
                                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodn culpa qui officia deserunt mollit anim id est laborum.</p>
                                                </div>
                                            </div>
                                        </li>
                                        <!-- End Player post -->
                                    </ul>
                                    <!-- End Item Players-->  
                                </div>
                                <!-- Tab Two - Players Staff -->

                                <!-- Tab Theree - Club Teams -->
                                <div class="tab-pane" id="club-news">
                                    <h3>Club Teams</h3>
                                    <!-- Clubs Carousel-->  
                                    <ul id="clubs-carousel" class="clubs-teams">
                                        <!-- Item carousel club -->  
                                        <li class="row">
                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/1.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Brazil</a></h4>
                                                        <p>Lorem ipsum dolor sit amet,ectetur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 

                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/2.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Colombia</a></h4>
                                                        <p>Lorem ipsum dolor sit amet, ctetur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 

                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/3.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Argentina</a></h4>
                                                        <p>Lorem ipsum dolor sit amet, coetur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 

                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/4.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Australia</a></h4>
                                                        <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 
                                        </li>
                                        <!-- End Item carousel club -->

                                        <!-- Item carousel club -->  
                                        <li class="row">
                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/5.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Germany</a></h4>
                                                        <p>Lorem ipsum dolor sit amet,ectetur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 

                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/6.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Japan</a></h4>
                                                        <p>Lorem ipsum dolor sit amet, ctetur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 

                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/7.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">South Korea</a></h4>
                                                        <p>Lorem ipsum dolor sit amet, coetur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 

                                            <!-- Item clubs --> 
                                            <div class="col-sx-12 col-sm-6 col-md-6">
                                                <div class="item-clubs">
                                                    <div class="img-clubs">
                                                        <img src="img/clubs-team/8.png" alt="" class="img-responsive">
                                                    </div>
                                                    <div class="info-clubs">
                                                        <h4><a href="#">Spain</a></h4>
                                                        <p>Lorem ipsum dolor sit amet, contur adipiscing elit.</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <!-- End Item clubs --> 
                                        </li>
                                        <!-- End Item carousel club -->
                                    </ul>
                                    <!-- End Clubs Carousel-->  
                                </div>
                                <!-- Tab Theree - Club Teams -->
                            </div>
                            <!-- Content Tabs -->
                        </div> 
                        <!-- Left Content - Tabs and Carousel -->    

                        <!-- Right Content - Content Counter -->
                        <div class="col-md-3">
                            <aside>
                                <div class="title-color text-center">
                                    <h4>World Cup Championship</h4>
                                </div>

                                <div class="content-counter content-counter-home">
                                    <p class="text-center"> 
                                        <i class="fa fa-clock-o"></i> 
                                        Countdown Till Start
                                    </p>
                                    <div id="event-one" class="counter"></div>
                                    <ul class="post-options">
                                        <li><i class="fa fa-calendar"></i>June 12, 2014</li>
                                        <li><i class="fa fa-clock-o"></i>Kick-of, 12:00 PM</li> 
                                    </ul>
                                    <p>Ei eum affert postulant, ius te mazim zril alterum. Illum dolorem ius ut, eu postulant principes sit.  ert postulant, ius te mazim zril alterum Tibique scriptorem cu pri, te fugit voluptatum mel, nibh exerci denique at qui.</p>
                                    <a class="btn btn-primary" href="#">
                                        VIEW EVENT PAGE
                                        <i class="fa fa-trophy"></i>
                                    </a>
                                </div>
                            </aside>            
                            <!-- Content Counter -->
                        </div>
                        <!-- End Right Content - Content Counter -->
                    </div>
                </div>   
                <!-- Dark Home -->

                <!-- Content Central -->
                <div class="container padding-top">
                    <div class="row">
                        
                        <!-- content Column Left -->
                        <div class="col-xs-12 col-md-6 col-lg-7">                     
                            <!-- Recent Post -->
                            <div class="panel-box">
                            
                                <div class="titles">
                                    <h4>Sports News</h4>
                                </div>

                                <!-- Post Item -->
                                <div class="post-item">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="img-hover">
                                               <img src="img/blog/1.jpg" alt="" class="img-responsive">
                                               <div class="overlay"><a href="single-news.html">+</a></div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <h4><a href="single-news.html">Porto Alegre and Cuiabá to welcome Valcke</a></h4>
                                            <p class="data-info">January 3, 2014  / <i class="fa fa-comments"></i><a href="#">0</a></p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum, libero id imperdiet elementum, nunc... <a href="single-news.html">Read More [+]</a></p>                                            
                                        </div>
                                   </div>
                                </div>
                                 <!-- End Post Item -->

                                 <!-- Post Item -->
                                <div class="post-item">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="img-hover">
                                               <img src="img/blog/2.jpg" alt="" class="img-responsive">
                                               <div class="overlay"><a href="single-news.html">+</a></div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <h4><a href="single-news.html">Porto Alegre and Cuiabá to welcome Valcke</a></h4>
                                            <p class="data-info">January 9, 2014  / <i class="fa fa-comments"></i><a href="#">5</a></p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum, libero id imperdiet elementum, nunc... <a href="single-news.html">Read More [+]</a></p>                                            
                                        </div>
                                   </div>
                                </div>
                                 <!-- End Post Item -->

                                 <!-- Post Item -->
                                <div class="post-item">
                                    <div class="row">
                                        <div class="col-md-4">
                                          <div class="img-hover">
                                               <img src="img/blog/3.jpg" alt="" class="img-responsive">
                                               <div class="overlay"><a href="single-news.html">+</a></div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <h4><a href="single-news.html">Porto Alegre and Cuiabá to welcome Valcke</a></h4>
                                            <p class="data-info">January  4, 2014  / <i class="fa fa-comments"></i><a href="#">3</a></p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum, libero id imperdiet elementum, nunc... <a href="single-news.html">Read More [+]</a></p>                                            
                                        </div>
                                   </div>
                                </div>
                                 <!-- End Post Item -->

                                 <!-- Post Item -->
                                <div class="post-item">
                                    <div class="row">
                                        <div class="col-md-4">
                                            <div class="img-hover">
                                               <img src="img/blog/4.jpg" alt="" class="img-responsive">
                                               <div class="overlay"><a href="single-news.html">+</a></div>
                                            </div>
                                        </div>
                                        <div class="col-md-8">
                                            <h4><a href="single-news.html">Porto Alegre and Cuiabá to welcome Valcke</a></h4>
                                            <p class="data-info">January 8, 2014  / <i class="fa fa-comments"></i><a href="#">2</a></p>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus rutrum, libero id imperdiet elementum, nunc... <a href="single-news.html">Read More [+]</a></p>                                            
                                        </div>
                                   </div>
                                </div>
                                 <!-- End Post Item -->
                            </div>  
                            <!-- End Recent Post --> 

                            <!-- Experts -->
                            <div class="panel-box">                            
                                <div class="titles">
                                    <h4>Sports Experts</h4>
                                </div>     

                                <div class="row">
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/1.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/2.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/3.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/4.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/5.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/3.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/4.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 
                                    <div class="col-xs-6 col-sm-3 col-md-4 col-lg-3">
                                        <div class="box-info">
                                            <img src="img/experts/1.png" alt="" class="img-responsive">
                                            <h5 class="entry-title"><a href="#">Lorem ipsum dolor sit amet</a></h5>
                                            <p class="date-box">Abril 15, 2014</p>
                                        </div>
                                    </div> 

                                </div>                          
                            </div>  
                            <!-- End Experts -->  
                        </div>
                         <!-- End content Left -->

                        <!-- content Sidebar Center -->
                        <aside class="col-xs-6 col-sm-6 col-md-3 col-lg-3">                     
                            <!-- Locations -->
                            <div class="panel-box">
                            
                                <div class="titles">
                                    <h4>Locations</h4>
                                </div>
                                <!-- Locations Carousel --> 
                                <ul class="single-carousel">    
                                    <li>
                                        <img src="img/blog/1.jpg" alt="" class="img-responsive">
                                        <div class="info-single-carousel">
                                            <h4>Rio de Janeiro</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo cillum dolore eu fugiat nulla pariatur.</p>
                                        </div>
                                    </li>
                                    <li>
                                        <img src="img/blog/2.jpg" alt="" class="img-responsive">
                                        <div class="info-single-carousel">
                                            <h4>Brazilia</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo cillum dolore eu fugiat nulla pariatur.</p>
                                        </div>
                                    </li> 
                                    <li>
                                        <img src="img/blog/3.jpg" alt="" class="img-responsive">
                                        <div class="info-single-carousel">
                                            <h4>Sao Paulo</h4>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo cillum dolore eu fugiat nulla pariatur.</p>
                                        </div>
                                    </li>                                    
                                </ul>
                                <!-- Locations Carousel -->                                
                            </div>  
                            <!-- End Locations --> 

                            <!-- Video presentation -->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4>Presentation</h4>
                                </div>
                                <!-- Locations Video --> 
                                <div class="row">
                                    <iframe src="http://www.youtube.com/embed/l12OhR6nxiM" class="video"></iframe>
                                    <div class="col-md-12">
                                        <h4>Rio de Janeiro</h4>
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo cillum dolore eu fugiat nulla pariatur.</p>
                                    </div>
                                </div>
                                <!-- End Locations Video --> 
                            </div>  
                            <!-- End Video presentation-->

                            <!-- Widget Text-->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4>Widget Text</h4>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, incididunt ut labore et dolore.</p>
                                    </div>
                                </div>
                            </div>  
                            <!-- End Widget Text-->
                        </aside>
                        <!-- End content Sidebar Center -->

                        <!-- content Sidebar Right -->
                        <aside class="col-xs-6 col-sm-6 col-md-3 col-lg-2">                     
                            <!-- Diary -->
                            <div class="panel-box">
                                <div class="titles">
                                    <h4><i class="fa fa-calendar"></i>Diary</h4>
                                </div>
                                <!-- List Diary --> 
                                <div class="row">
                                    <div class="col-md-12">
                                        <p>Lorem ipsum dolor sit amet,elit sit consectetur.</p>
                                        <ul class="list-diary">
                                            <!-- Item List Diary --> 
                                            <li>
                                                <h5>LIGA BBVA <span>06-05-2014 - 11:00</span></h5>
                                                <ul class="club-logo">
                                                    <li>
                                                        <img src="img/clubs-logos/1.png" alt="">
                                                        <h6>Real Madrid</h6>
                                                    </li>
                                                    <li>
                                                        <img src="img/clubs-logos/2.png" alt="">
                                                        <h6>Valladolid</h6>
                                                    </li>
                                                </ul>
                                            </li>
                                            <!-- End Item List Diary --> 

                                            <!-- Item List Diary --> 
                                            <li>
                                                <h5>LIGA BBVA <span>06-05-2014 - 11:00</span></h5>
                                                <ul class="club-logo">
                                                    <li>
                                                        <img src="img/clubs-logos/1.png" alt="">
                                                        <h6>Real Madrid</h6>
                                                    </li>
                                                    <li>
                                                        <img src="img/clubs-logos/2.png" alt="">
                                                        <h6>Valladolid</h6>
                                                    </li>
                                                </ul>
                                            </li>
                                            <!-- End Item List Diary --> 

                                            <!-- Item List Diary --> 
                                            <li>
                                                <h5>LIGA BBVA <span>06-05-2014 - 11:00</span></h5>
                                                <ul class="club-logo">
                                                    <li>
                                                        <img src="img/clubs-logos/1.png" alt="">
                                                        <h6>Real Madrid</h6>
                                                    </li>
                                                    <li>
                                                        <img src="img/clubs-logos/2.png" alt="">
                                                        <h6>Valladolid</h6>
                                                    </li>
                                                </ul>
                                            </li>
                                            <!-- End Item List Diary --> 
                                        </ul>
                                    </div>
                                </div>
                                <!-- End List Diary -->                                
                            </div>  
                            <!-- End Diary --> 

                            <!-- Adds Sidebar -->
                            <div class="panel-box">
                                <a href="http://themeforest.net/user/iwthemes/portfolio?ref=iwthemes" target="_blank">
                                    <img src="img/adds/sidebar.png" class="img-responsive" alt="">
                                </a>
                            </div>  
                            <!-- End Adds Sidebar -->
                        </aside>
                        <!-- End content Sidebar Right -->
                        
                    </div>                     
                </div>  
                <!-- End Content Central -->

                <!-- Testimonials -->
                <div class="section-wide">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="text-center">
                                    <h2>We have earned the trust of <span class="text-resalt">25,869</span> Clients.</h2>
                                    <p>Duis non lorem porta,  eros sit amet, tempor sem. semper a tempus et.</p>
                                </div>
                                <ul id="testimonials" class="testimonials">
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/1.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/2.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/3.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                    <li>
                                        <blockquote><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque rutrum pellentesque!.</p>
                                        <img src="img/testimonials/4.jpg" alt="">
                                        <strong>Federic Gordon</strong><a href="#">@iwthemes</a></blockquote>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>  
                <!-- End Testimonials --> 
            </section>
            <!-- End Section Area -  Content Central -->
      
            <!-- footer-->
            <footer id="footer">
                <div class="container">

                    <!-- Wiguets Footer-->
                    <div class="row">

                        <!-- Twitter Wiguet-->
                        <div class="col-xs-12 col-sm-7 col-md-3 col-lg-4">
                            <div class="divisor-footer">
                                <i class="fa fa-twitter twit-list"></i>
                                <h4>Latest Tweet</h4>                     
                                <div id="twitter"></div>   
                            </div>
                        </div>
                        <!-- End Twitter Wiguet-->

                        <!-- Tags Wiguet-->
                        <div class="col-xs-12 col-sm-5 col-md-3 col-lg-3">
                            <div class="tags">                              
                                <h4>Tags</h4>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> corporate </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> theme </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> css3 </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> premium </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> html5 </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> business </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> all purpose </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> Js </a>
                                <a href="#" class="#" title="Tags"><i class="fa fa-tag"></i> muse </a>
                            </div>
                        </div>
                        <!-- End Tags Wiguet-->
                        
                        <!-- Links Wiguet-->
                        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-2">                            
                            <h4>Recent Links</h4>
                            <ul class="links">
                                <li><i class="fa fa-check"></i> <a href="#">World Cup</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Teams Members</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Soccer Champion</a></li>
                                <li><i class="fa fa-check"></i> <a href="#">Champions</a></li>
                            </ul>                            
                        </div>
                        <!-- End Links Wiguet-->

                        <!-- flickr Wiguet-->
                        <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">                            
                            <h4>Recent flickr</h4>
                            <ul id="flickr" class="thumbs"></ul>                            
                        </div>
                        <!-- End flickr Wiguet-->
                    </div>
                    <!-- End Wiguets Footer-->

                    <!-- Social Icons-->
                    <div class="row">
                        <ul class="social">
                                <li>
                                    <div>
                                        <a href="#" class="facebook">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="twitter-icon">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="vimeo">
                                            <i class="fa fa-vimeo-square"></i>
                                        </a>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <a href="#" class="google-plus">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </div>
                                </li> 
                                <li>
                                    <div>
                                        <a href="#" class="youtube">
                                            <i class="fa fa-youtube"></i>
                                        </a>
                                    </div>
                                </li> 
                        </ul>
                    </div> 
                    <!-- End Social Icons-->

                </div>
            </footer>      
            <!-- End footer-->

            <!-- footer Down-->
            <div class="footer-down">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5">
                            <p>&copy; 2014 WordCup . All Rights Reserved.  1995 - 2014</p>
                        </div>
                        <div class="col-md-7">
                            <!-- Nav Footer-->
                            <ul class="nav-footer">
                                <li><a href="#">HOME</a> </li>
                                <li><a href="#">EVENTS</a></li>
                                <li><a href="#">TEAM</a></li> 
                                <li><a href="#">GALLERY</a></li> 
                                <li><a href="#">SPORT</a></li>                
                                <li><a href="#">CONTACT</a></li>
                            </ul>
                            <!-- End Nav Footer-->
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer Down-->

        </div>
        <!-- End layout-->

        <!-- ======================= JQuery libs =========================== -->
        <!-- jQuery local--> 
        <script src="js/jquery.js"></script>                
        <!--Nav-->
        <script type="text/javascript" src="js/nav/tinynav.js"></script> 
        <script type="text/javascript" src="js/nav/hoverIntent.js"></script>   
        <script type="text/javascript" src="js/nav/superfish.js"></script> 
        <script src="js/nav/jquery.sticky.js" type="text/javascript"></script>    
        <!--Totop-->
        <script type="text/javascript" src="js/totop/jquery.ui.totop.js" ></script>  
         <!--Accorodion-->
        <script type="text/javascript" src="js/accordion/accordion.js" ></script>  
        <!--Slide-->
        <script type="text/javascript" src="js/slide/camera.js" ></script>      
        <script type='text/javascript' src='js/slide/jquery.easing.1.3.min.js'></script>  
        <!-- Maps -->
        <script src="js/maps/gmap3.js"></script>             
        <!--Ligbox--> 
        <script type="text/javascript" src="js/fancybox/jquery.fancybox.js"></script> 
        <!-- carousel.js-->
        <script src="js/carousel/carousel.js"></script>
        <!-- Filter -->
        <script src="js/filters/jquery.isotope.js" type="text/javascript"></script>
        <!-- Twitter Feed-->
        <script src="js/twitter/jquery.tweet.js"></script> 
        <!-- flickr Feed-->
        <script src="js/flickr/jflickrfeed.min.js"></script> 
        <!-- Counter -->
        <script src="js/counter/jquery.countdown.js"></script>      
        <!--Theme Options-->
        <script type="text/javascript" src="js/theme-options/theme-options.js"></script>
        <script type="text/javascript" src="js/theme-options/jquery.cookies.js"></script> 
        <!-- Bootstrap.js-->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script> 
        <!--MAIN FUNCTIONS-->
        <script type="text/javascript" src="js/main.js"></script>
        <!-- ======================= End JQuery libs =========================== -->
 
    </body>
</html>